<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1>中午12点放学</h1>
  <p>放学去干饭</p>
  <ul>
    <li>111</li>
    <li>222</li>
    <li>333</li>
  </ul>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    // $("h1,p").css("color", "red")
    // add 合并元素
    $("h1").add("p").css("color", "red")

    // find(选择器)
    // end 结束上次选择
    $("ul").find("li").eq(2).css("color", "red").end().end().siblings().css("background", "blue")



  </script>
</body>

</html>